<template>
  <div class="home">
    <C1></C1>
    <hr />
    <C2></C2>
    <hr />
    <C3></C3>
    <hr />
    <C4></C4>
    <hr />
    <C5></C5>
    <hr />
    <Parent></Parent>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'
import C1 from '@/components/C1.vue'
import C2 from '@/components/C2.vue'
import C3 from '@/components/C3.vue'
import C4 from '@/components/C4.vue'
import C5 from '@/components/C5.vue'
import Parent from '@/components/Parent.vue'
export default {
  components: {
    HelloWorld, C1, C2, C3, C4, C5, Parent
  }
}
</script>
